導讀:隨著互聯(lián)網(wǎng)的發(fā)展,很多企業(yè)都在互聯(lián)網(wǎng)上建立自己的網(wǎng)站,特別是近隨著響應式設計趨勢的發(fā)展,不少企業(yè)考慮做響應式網(wǎng)站。但是在網(wǎng)站設計之初,更多的重點是在于響應式的圖片或文本
發(fā)表日期:2019-12-09
文章編輯:興田科技
瀏覽次數(shù):10663
標簽:
隨著互聯(lián)網(wǎng)的發(fā)展,很多企業(yè)都在互聯(lián)網(wǎng)上建立自己的網(wǎng)站,特別是近隨著響應式設計趨勢的發(fā)展,不少企業(yè)考慮做響應式網(wǎng)站。但是在網(wǎng)站設計之初,更多的重點是在于響應式的圖片或文本這方面,而對于公司的logo卻很少去做到響應式。要知道,logo是企業(yè)的重要標識之一,直觀展示了一個企業(yè)的文化特色、價值取向,代表著公司的整體形象。如果網(wǎng)站的Logo無法做到響應式,在小屏幕等移動設備上可能會出現(xiàn)顯示不清的問題,這樣容易影響公司品牌形象在用戶心目中的樹立,難以發(fā)揮Logo在品牌宣傳等方面的作用。
因此,怎樣做到Logo的響應式,讓它適應不同大小的屏幕、不同分辨率的設備是一個值得我們仔細研究的課題。像Twitter、Facebook、Google等知名公司,Logo的響應式設計方面都有著不俗的表現(xiàn),設計出了很多令人印象深刻、耳目一新的Logo,也正是這些Logo讓它們在移動設備市場上的競爭優(yōu)勢愈發(fā)凸顯出來,相信它們的經(jīng)驗能夠給大家提供一定的借鑒意義,讓大家能夠?qū)ogo的響應式設計有一個全新的認識。基本原則:簡潔性
相比復雜的事物,人腦更能記住簡單的,品牌Logo的設計也是一樣。這一點我們可以看看Apple在1976年設計的Logo(下圖左側(cè)),它結(jié)合了牛頓受蘋果落地啟發(fā)悟出萬有引力定律的故事,看上去確實很有創(chuàng)意,但是這個logo實在太復雜了,元素太多了。不出意外,第二年Apple就重新設計了一個Logo(下圖右側(cè))。據(jù)說這是因為Steve Jobs強烈要求設計師設計出一個更加簡單、深刻、現(xiàn)代化的logo。盡管Apple新設計的Logo顏色比較多彩,但在接下來的三四十年中Apple公司一直沿用了整體的形狀設計。毫無疑問,Apple的Logo是歷具辨識度和標志性的Logo之一。從這我們也可以看出,logo設計中簡易性的重要,如果Logo足夠簡單,它可以輕易適用于不同尺寸的所有設備。Apple的Logo幾乎算得上是響應式設計的范例,盡管幾十年前它主要針對的是網(wǎng)站的可用性。
下圖也是一個關于Logo簡潔性的栗子。左側(cè)是Great Lakes Golf的Logo,上面有很多元素(文字、線條、圖形),一眼看上去覺得很擁擠。而且在全屏顯示時,基本元素可以看清,但是如果它縮小50%,網(wǎng)站上球形已經(jīng)無法辨認了,這影響了品牌形象、重要信息特征的有效傳遞。而右側(cè)skype的Logo就很簡潔、干凈(主要就是字體),一目了然,更能讓人記住,在小屏幕的移動設備上進行縮放時它也可以適應,就算縮小到小比例,Logo仍能呈現(xiàn)為可辨認的"S"字符。這兩個網(wǎng)站的對比讓我們看到了簡單的Logo設計的優(yōu)勢所在,簡單的Logo設計更加符合響應式網(wǎng)站的設計。
科技行業(yè)的范例:
Facebook不愧為業(yè)界的巨頭,它緊跟響應式網(wǎng)站設計的潮流,注重Logo在不同設備上的一致表現(xiàn),一直在如何簡化公司Logo這個問題上不停探索。2013年,去掉了F下方的淡藍色線條,2015年,將字母a從雙層字體設計變成單層設計,其他字母也進行了不同程度的改良,字母間的空隙也有所增大。這種改變可能并不大,但改良后的Logo卻更加圓滑,給人更友好的感覺,也方便在更小、更低分辨率的設備上識別。
GoogleGoogle在簡化Logo這方面也算得上一個典范。1998,谷歌正式成立時,公司Logo還是使用短粗的字體搭配紅色陰影,還帶有"!",算是向當時的搜索巨頭"Yahoo!"致敬吧。接下來的十年里,谷歌的Logo一直在進行微調(diào),去掉感嘆號,字體逐漸變修長,陰影、高光效果越來越淺。
2013年,為了迎合扁平化的設計風潮,谷歌推出了新款Logo,其中大的改變就是去掉了字母上的陰影效果。2014年,谷歌逐漸意識到單薄的襯線字體不能很好的適應響應式網(wǎng)站設計,所以它開始使用無襯線字體,讓Logo看上去更加簡潔,這算得上谷歌Logo很大的一次變動了。隨后谷歌又推出了緊湊版的"G"圖標,它與整體Logo的柵欄系統(tǒng)相同,四色的填充也確保了視覺的平衡感。從這一系列的改動之中,我們可以看出Google在Logo改動方面是比較保守謹慎的,但它一直致力于創(chuàng)造出更加簡單、更能與用戶互動的Logo。也正是因為Google的孜孜不倦,它才會在響應式迅速發(fā)展的今天依舊深受用戶的喜愛。
或許大家認為這些都是大公司,覺得自己公司并不一定要遵循這些規(guī)則,但不可忽視的是響應式設計的潮流趨勢。由于移動設備的不斷興起,相信所有的行業(yè)終都會以這樣或那樣的方式迎合響應式的設計。以上這些公司能夠成功不也恰好明了他們采取的舉措順應了響應式發(fā)展的潮流,簡化Logo提高了品牌標識在移動設備上展示的靈活度,Logo的響應式設計拓寬了它們的市場。上一篇:
如何構架Web服務器更多新聞
2020
網(wǎng)站的核心是正確設置三個要素TDK,即網(wǎng)站的標題、關鍵詞和描述。書寫網(wǎng)站的TDK是很重要的,網(wǎng)上關于TDK設置的知識也是比較多的,但總是感覺不是太全面,很多
View details
2020
關于seo優(yōu)化,網(wǎng)站需要大量的seo基礎優(yōu)化設置,關鍵字布局就是要優(yōu)化設置的,利用seo中關鍵字的布局原則,把合適的關鍵字布局到網(wǎng)頁上,這個網(wǎng)頁的問題不大。下
View details
2020
關于seo,對某個關鍵字進行搜索,就會出現(xiàn)自然排名,隨著關鍵字排名的下降,流量或點擊量會同步下降,使用適當?shù)膕eo技術將排名穩(wěn)定到前三,就可以達到基本的點擊
View details
2020
關于關鍵詞排名,對于網(wǎng)站排名優(yōu)化之后所能夠帶來的優(yōu)勢確實是很多的,像是能夠增加用戶群體,可以更好的去讓別人認識到企業(yè),對于產(chǎn)品,對于營銷都是可以有很
View details